<?php /* Smarty version Smarty-3.0.6, created on 2015-02-23 04:18:10
         compiled from ".\templates\index.tpl" */ ?>
<?php /*%%SmartyHeaderCode:2510654ea9bf23c3170-02663613%%*/if(!defined('SMARTY_DIR')) exit('no direct access allowed');
$_smarty_tpl->decodeProperties(array (
  'file_dependency' => 
  array (
    '749422d4cfc3eb5677cf499730392b6accd4d1c7' => 
    array (
      0 => '.\\templates\\index.tpl',
      1 => 1424661459,
      2 => 'file',
    ),
  ),
  'nocache_hash' => '2510654ea9bf23c3170-02663613',
  'function' => 
  array (
  ),
  'has_nocache_code' => false,
)); /*/%%SmartyHeaderCode%%*/?>
<?php $_template = new Smarty_Internal_Template("header.tpl", $_smarty_tpl->smarty, $_smarty_tpl, $_smarty_tpl->cache_id, $_smarty_tpl->compile_id, null, null);
 echo $_template->getRenderedTemplate();?><?php $_template->updateParentVariables(0);?><?php unset($_template);?> 
<body onload="popup('popUpDiv')">
		<div id="blanket" style="display:none;"></div>
         <div id="popUpDiv" style="display:none;">
         	<div class="region">
            	<span>Select Your Area</span>                              
            </div>
            <!-- <div style="padding-left:3%">
            	<input id="area" style="height:28px; width:467px;" type="text" value="Enter Your Area" onFocus="if(this.value=='Enter Your Area')this.value='';"/>
            </div> -->
            <div style="margin:10px 0; padding-left:3%">
            	<div class="topSearch">Areas We Service:</div>
            </div>
            <div style="padding-left:3%; padding-right:3%; padding-bottom:0.5%;" class="popupList" >
            <table border="0">
            <?php  $_smarty_tpl->tpl_vars['area'] = new Smarty_Variable;
 $_from = $_smarty_tpl->getVariable('areas')->value; if (!is_array($_from) && !is_object($_from)) { settype($_from, 'array');}
if ($_smarty_tpl->_count($_from) > 0){
    foreach ($_from as $_smarty_tpl->tpl_vars['area']->key => $_smarty_tpl->tpl_vars['area']->value){
?>
            <tr>
            <td>
            	<a onmouseover="this.style.color='red'" onmouseout="this.style.color='#0066FF'" style="color:#0066FF;" href="javascript:;" id="<?php echo $_smarty_tpl->tpl_vars['area']->value['name'];?>
" onclick="appendRice(this.id);"><?php echo $_smarty_tpl->tpl_vars['area']->value['name'];?>
</a>
            </td>
            </tr>
            <?php }} ?>
            </table>
            </div>
            <div class="skip">
             	<a style="color:grey;" onmouseover="this.style.backgroundColor='#F0F0F0'" onmouseout="this.style.backgroundColor=''" class="button silverbtn" href="javascript:;" onclick="popup('popUpDiv');">Skip</a>
             </div>
          </div> 
          
 <!-- <div id="document_wrapper" style="position: relative;top: 160px; right:0px; height: 590px;"> -->
 <div id="document_wrapper">
	<div id="container">
		<div id="gallery">
						
			<div class="carousel carousel-center">
				<div class="carousel-slider">
			  		<div class="carousel-content">
					   <img src="images/1.jpg" style="width: 850px; height: 400px">
					</div>
					<div class="carousel-content">
					   <img src="images/2.jpg" style="width: 850px; height: 400px">
					</div>
					<div class="carousel-content">
					   <img src="images/3.jpg" style="width: 850px; height: 400px">
					</div>
					<div class="carousel-content">
					   <img src="images/4.jpg" style="width: 850px; height: 400px">
					</div>
					<div class="carousel-content">
					   <img src="images/5.jpg" style="width: 850px; height: 400px">
					</div>
					<div class="carousel-content">
					   <img src="images/6.jpg" style="width: 850px; height: 400px">
					</div>
					<div class="carousel-content">
					   <img src="images/7.jpg" style="width: 850px; height: 400px">
					</div>
				</div>
			</div>
			
			<div class="carousel carousel-left"></div>
			<div class="carousel carousel-right"></div>
		
			<div id="btn-left"></div>
			<div id="btn-right"></div>
			
			<div id="nav-btns"><p></p></div>
			<!--<center>
				<div id="content" style="top:250px;">
				  <form action="/Project001/phpFiles/index.php" method="get">
				 	<input type="submit" value="Wholesale" style="height:50px; width:200px; font-size: 18px;">
				 	<input type="submit" value="Retail" style="height:50px; width:200px; margin-left:30px; font-size: 18px;">
					<input type="hidden" name="Type" value="Type">
				  </form>
		   		</div>
	   		</center>-->
	   		<center>
				 <div style="position: absolute; top: 280px; height: 50px; width: 230px; left: 180px;">
                 	<a onmouseover="this.style.backgroundColor='white'" onmouseout="this.style.backgroundColor=''" href="/Project001/phpFiles/index.php?Type=wholesale" style="text-align:center;" class="link">
                    	<span class="label" style="margin-top: 11px;">Wholesale</span>
                	</a>
				 </div>
				 <div style="position: absolute; top: 280px; height: 50px; width: 230px; left: 463px;">
                	<a onmouseover="this.style.backgroundColor='white'" onmouseout="this.style.backgroundColor=''" href="/Project001/phpFiles/index.php?Type=retail" style="text-align:center;" class="link">
                    	<span class="label" style="margin-top: 11px;">Retail</span>
                	</a>
				</div>
			<center>
		</div>
	</div>
</div>

<script type="text/javascript">

function alignGrid(/*string*/ id, /*int*/ cols, /*int*/ cellWidth, 
	    /*int*/ cellHeight, /*int*/ padding) {
	    
	var x = 0;
	var y = 0;
	var count = 1;

	jQuery("#" + id).each(function() {1
	    jQuery(this).css("position", "relative");2
	    
	    jQuery(this).children("div").each(function() {3
	        jQuery(this).css("width", cellWidth + "em");
	        jQuery(this).css("height", cellHeight + "em");
	        jQuery(this).css("position", "absolute");
	        
	        jQuery(this).css("left", x + "em");
	        jQuery(this).css("top", y + "em");
	        
	        if ((count % cols) == 0) {4
	            x = 0;
	            y += cellHeight + padding;
	        } else {
	            x += cellWidth + padding;
	        }
	        
	        count++;
	    });
	});
	}
</script>

 <script type="text/javascript">
  $(function(){

	var c = 0;        // COUNTER // SET HERE DESIRED START SLIDE NUMBER (zero based)
  	var speed = 300;	// ANIMATION SPEED
  	var pause = 3500;	// ANIMATION PAUSE
  	var $slider = $('.carousel-slider');
  	var $sli = $slider.find('.carousel-content');
  	var $btns = $('#btn-left, #btn-right');

  	/* DO NOT EDIT BELOW */
  	var sliN = $sli.length;
  	$('.carousel').clone().appendTo( $('.carousel:gt(0)') ); /*CLONE SLIDERS*/
  	var m = 0;
  	var w = $slider.closest('div').width();
  	var intv;
  	$slider = $('.carousel-slider'); // all
  	$slider.width(w*2);
  	// rearrange
  	$slider.eq(0).find('.carousel-content:lt('+(c)+')').appendTo( $slider.eq(0) );
  	$slider.eq(1).find('.carousel-content:lt('+(c-1)+')').appendTo( $slider.eq(1) );
  	$slider.eq(2).find('.carousel-content:gt('+(c)+')').prependTo(  $slider.eq(2) );

  	// POPULATE WITH NAVIGATION BUTTONS
  	for(i=0;i<sliN;i++){
  		$('#nav-btns p').append(' <a href="#">'+ (i+1) +'</a> ');
  	}

  	// TOGGLE ACTIVE CLASS TO NAV BUTTON
  	function navBtnsActive(){
  		c = c===-1 ? sliN-1 : c%sliN ;  // counter resets
  		$('#nav-btns a').removeClass('btn-active').eq(c).addClass('btn-active'); // nav buttons actives
  	}
  	navBtnsActive();

  	var $lastCont;
  	function anim(){
  		if(c>m){ // right btn
  			$slider.animate({left:-w}, speed, 'linear', function(){
  				$(this).css({left:0}).find('.carousel-content:first').appendTo( $(this) );
  			});
  			m++;
  		}else if(c<m){ // left btn	
  			$slider.animate({left:-w},0,function(){
  				$lastCont = $(this).find('.carousel-content:last');
  				$(this).find('.carousel-content:last').prependTo( $(this) );
  			}).animate({left:0}, speed, 'linear');
  			m--;
  		}
  		if(c!=m){anim();} // loop in !=
  	}

  	// LEFT-RIGHT BUTTONS //
  	$btns.on('click',function(){
  		if(!$slider.is(':animated')){
  			var btnID = this.id=='btn-right' ? c++ : c-- ;
  			anim();
  			navBtnsActive();
  			m=c;
  		}
  	});

  	// NAV BUTTONS //
  	$('#nav-btns a').on('click',function(e){
  		e.preventDefault();	
  		c = $(this).index();
  		anim();	
  		navBtnsActive();
  	});

  	// AUTO SLIDE
  	function auto(){
  		clearInterval(intv);
  		intv = setInterval(function(){
  			$('#btn-right').click();
  		}, pause);
  	}
  	auto(); // start!

  	// PAUSE ON HOVER //
  	$('#gallery').on('mouseenter mouseleave',function( e ){
  		var mEnt = e.type=='mouseenter',
  			aSli = mEnt?clearInterval(intv):auto();
  		$btns.stop().fadeTo(300,mEnt?1:0);
  	});

  });
</script>
 

<?php $_template = new Smarty_Internal_Template("footer.tpl", $_smarty_tpl->smarty, $_smarty_tpl, $_smarty_tpl->cache_id, $_smarty_tpl->compile_id, null, null);
 echo $_template->getRenderedTemplate();?><?php $_template->updateParentVariables(0);?><?php unset($_template);?> 